<html lang="zh"><head>
    <meta charset="utf-8">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="full-screen" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <meta name="screen-orientation" content="portrait">
    <meta name="browsermode" content="application">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="x5-orientation" content="portrait">
    <meta name="x5-fullscreen" content="true">
    <meta name="x5-page-mode" content="app">
    <base target="_blank">
    <title>会话_在线咨询</title>
    <link id="favicon" href="//desk.v5kf.com/favicon1.ico" rel="shortcut icon" type="image/x-icon">

    <!-- 引入 layui.css -->
    <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css">

    <!-- 引入 layui.js -->


    <link rel="stylesheet" href="/static/home/css/index.min_6db97a4005.css">

        <link rel="stylesheet" href="/static/home/css/index2.css">
    <script>
        var ticket = '{$ticket}';
        var userinfo = JSON.parse('{:json_encode($userinfo)}');
        var version = '2.0'
    </script>

    <script src="/static/home/js/jquery.js"></script>


    <script src="/static/home/js/vue.min.js"></script>
    <script src="/static/home/js/layer/layer.js"></script>
    <script src="/static/home/js/template-web.js"></script>
    <script src="/static/home/js/js-xss/xss.js"></script>
    <script src="/static/home/js/utils.js"></script>
    <script src="/static/home/js/webSocket.js"></script>
    <script src="/static/home/js/index.js?v=22
"></script>

    <script type="text/javascript" src="//cdn.jsdelivr.net/npm/eruda"></script>
    <script>
        if(getUrlParam('debug')==1){
            eruda.init();
        }
    </script>
    <style>

    </style>

</head>
<body lang="zh">
<img class="abs cover body-bg" width="100%" height="100%">
<div class="abs cover contaniner" id="app" v-cloak>
    <div class="abs cover pnl">
        <div class="abs top pnl-head" id="pnlHead">
            <img src="/static/home/picture/logo_b6528ce5e9.png" class="pnl-hl hide" id="siteLogo">
            <div class="pnl-site" id="siteName">{{title}}</div>
            <div class="pnl-worker abs left">
                <div class="pnl-worker-photo hide" id="workerPhoto" style="background-color: rgb(255, 255, 255);">
                    <i class="ic kh pnl-worker-icon" id="workerIcon"></i>
                </div>
                <div class="pnl-worker-text">
                    <span class="pnl-worker-name" id="workerName">机器人</span>
                    <br>
                    <span class="pnl-worker-site" id="workerSite">----</span>
                </div>
            </div>
            <!--            <div class="pnl-about" id="pnlAbout">-->
            <!--                <i class="kh"></i>-->
            <!--                <span>关于我们</span>-->
            <!--                &lt;!&ndash; 关于我们 &ndash;&gt;-->
            <!--                <div class="abs pop-about">-->
            <!--                    <div id="about"><h4>智能客服系统</h4><p>智能客服向前一小步、客服工作向前一大步。</p><ul class="about-links"></ul></div>-->
            <!--                </div>-->
            <!--            </div>-->

            <div class="pnl-about userInfo-box" id="pnlAbout">

                <img class="head_img mr10" src="/static/home/images/default_user.png" v-real-img="currentUser.headimg" alt="默认头像">
                <div class="info">
                    <span>{{currentUser.nickname}}</span>
                    <span v-if="currentUser.append && currentUser.append.getDepartment">{{currentUser.append.getDepartment.name}}</span>
                </div>
                <!-- 关于我们 -->
                <div class="abs pop-about">
                    <div id="about">
                        <h4>今天也要加油哦~</h4><p><a href="/home/login/index" style="color: dodgerblue" target="_self">退出登录</a></p>
                    </div>
                </div>
            </div>

            <div class="pnl-opt pnl-esc" id="exit"><i class="kh"></i></div>
            <div class="pnl-opt pnl-min" id="min"><i class="kh"></i></div>
            <div class="pnl-opt pnl-max" id="max"><i class="kh"></i></div>
            <div class="pnl-opt pnl-voice" id="voicebtn"><i class="kh" id="voice"></i></div>
        </div>
        <div class="abs top pnl-head-sm" id="pnlHeadSm">


            <i v-if="currentUser.role==1" class="kh v" title="列表"  @click="showDom.showLeftBox=!showDom.showLeftBox">
                <i class="layui-icon layui-icon-user"></i>
                <span class="layui-badge userNewMsgCount" v-if="newMsgNumber>0">{{newMsgNumber}}</span>
            </i>

            <i v-else class="kh v" title="返回" @click="window.history.go(-1);"></i>

            <div class="chat-title" v-if="(currentChatUser) && (currentUser.role==2 || screenWidth<700)">
                {{currentChatUser.nickname}}
                <span v-show="currentChatUser.online==0" class="layui-badge layui-bg-gray mrl5">离线</span>

            </div>
            <div class="chat-title" v-else>在线咨询</div>
            <i class="kh v-r hide" title="关闭" id="minBtn"></i>
        </div>
        <div class="abs cover pnl-body" id="pnlBody">

            <!--左侧客户列表  删除-->
            <div class="abs right2 pnl-right version1_0 " :class="[showDom.showLeftBox?'showUserList':'']">
                <!-- 轮播图 hide控制显隐 20em * 10em (260px * 130px) -->
                <div class="slider-container hide"></div>
                <div class="pnl-right-content">
                    <div class="pnl-tabs" style="margin-bottom: 10px">
                        <div class="tab-btn " :class="[showDom.leftIndex==0?'active':'']" @click="showDom.leftIndex=0">顾客列表</div>
                        <div class="tab-btn " :class="[showDom.leftIndex==1?'active':'']" @click="showDom.leftIndex=1">客服列表</div>
                    </div>
                    <div class="pnl-box pnl-plg hide">
                        <i class="kh open-tab"></i>
                        <iframe id="plgifr2" class="plg-ifr" src=""></iframe>
                    </div>

                    <!--顾客列表-->
                    <div class="pnl-box pnl-hot " v-show="showDom.leftIndex==0">
                        <ul class="rel-list unselect" id="hots2">
                            <li class="rel-item user-list" :class="[item.active?'cut':'']"  v-if="chatUserList.length>0" v-for="(item,key) in chatUserList" @click="checkUser(key)" v-key="key">
                                <div class="userinfo" >

                                    <!--src 为默认图片地址  real-img 为真实图片地址 先检测图片是否存在 存在则替换 -->
                                    <img class="head_img mr10" src="/static/home/images/default_user.png" v-real-img="item.headimg" alt="默认头像">

                                    <span>{{item.nickname}}</span>
                                    <span v-show="item.online==0" class="layui-badge layui-bg-gray mrl5">离线</span>
                                </div>
                                <span class="NewMsg" v-show="item.hasNewMsg>0">
                                    <span class="layui-badge">{{item.hasNewMsg}}</span>
                                </span>
                            </li>

                            <li class="notUserList" v-if="chatUserList.length==0">暂无来访顾客~</li>
                        </ul>
                    </div>

                    <!--客服列表-->
                    <div class="pnl-box pnl-rel "  v-show="showDom.leftIndex==1">
                        <ul class="rel-list unselect" id="rels2">
                            <!--@click="checkUser(key)"-->
                            <li class="rel-item user-list" :class="[item.active?'cut':'']"  index="0" v-for="(item,key) in chatKefuList"  v-key="key">
                                <div class="userinfo" >

                                    <!--src 为默认图片地址  real-img 为真实图片地址 先检测图片是否存在 存在则替换 -->
                                    <img class="head_img mr10" src="/static/home/images/default_user.png" v-real-img="item.headimg" alt="默认头像">
                                    <span style="margin-right: 10px">{{item.nickname}}</span>
                                    <span v-show="item.id==currentUser.id" class="layui-badge layui-bg-green">自己</span>
                                    <span v-show="item.online==0" class="layui-badge layui-bg-gray">离线</span>
                                </div>
                                <span class="NewMsg" v-show="item.hasNewMsg>0">
                                    <span class="layui-badge">{{item.hasNewMsg}}</span>
                                </span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <!--聊天区域-->
            <div class="abs cover pnl-left" @click="hideLeftRight">
                <div class="abs top pnl-alert" v-show="serverError"  style="">{{serverError}}</div>
                <!-- 广告条消息 -->
                <div class="msg-banner banner-active hide" id="msgbanner">
                    <div class="close" id="close"><i class="kh"></i></div>
                    <div class="banner">广告位招租！</div>
                </div>
                <div class="abs cover pnl-msgs scroll" id="show">
                    <div class="msg-banner banner-hidden hide">
                        <div class="close"><i class="kh"></i></div>
                        <div class="banner">消息公告</div>
                    </div>
                    <div class="msg min time" id="histStart" @click="histStartClick">加载历史消息</div>
                    <div class="pnl-list" id="hists">
                        <!-- 历史消息 -->

                        <div v-for="(item,key) in chatHistsMsgList[currentChatUserIndex]">
                            <!--系统提示消息-->
                            <div v-if="item.type == 'system'" class="msg min time">{{item.msg}}</div>

                            <!--我发的文本消息-->
                            <div v-if="item.type == 'say'" class="msg " :class="[item.from_user_id?' guest ':' robot ']" >
                                <div :class="[item.from_role == currentUser.role?'msg-right':'msg-left']" :worker="item.from_user_nickname">
                                    <div class="msg-host">
                                        <img class="head_img2 mr10" src="/static/home/images/default_user.png" v-real-img="item.from_user_headimg" alt="默认头像" @click.stop="showInfo(item.from_user_id)">

                                    </div>
                                    <!--msg-ball img-->
                                    <div class="msg-ball " :title="item.datetime"  v-html="item.msg"></div>
                                    <div v-if="item.from_role == currentUser.role && item.is_reda==1" class="msg-res " style="color: #999" title="未读">未读</div>
                                    <div v-if="item.from_role == currentUser.role && item.is_reda==2" class="msg-res " style="color: #999" title="已读">已读</div>
                                    <!--                                    <div v-show="item.status==1" class="msg-res sending" title="正在发送中..."><i class="kh re-msg hide"></i></div>-->
                                    <!--                                    <div v-show="item.status==3" class="msg-res resend" title="消息发送失败，请点击重发"><i class="kh re-msg hide"></i></div>-->
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="pnl-list hide" id="defHot">
                        <!-- 自定义热点图文信息 -->
                    </div>

                    <!--消息列表-->
                    <div class="pnl-list" id="msgs">
                        <!--                        <div class="msg robot " id="welcome">-->
                        <!--                            <div class="msg-left" id="welcomeLeft" worker="机器人客服">-->
                        <!--                                <div class="msg-host" id="welcomeIcon"><i class="ic kh"></i></div>-->
                        <!--                                <div class="msg-ball" id="welcomeBall">连接...</div>-->
                        <!--                            </div>-->
                        <!--                        </div>-->



                        <!--                    <div class="msg robot " id="welcome">-->
                        <!--                        <div class="msg-left" id="welcomeLeft" worker="机器人客服">-->
                        <!--                            <div class="msg-host" id="welcomeIcon"><i class="ic kh"></i></div>-->
                        <!--                            <div class="msg-ball" id="welcomeBall">-->
                        <!--                                &lt;!&ndash;/public/uploadFiles/20210730/dea988aaf331cf382b6ed002aa6774ab.gz&ndash;&gt;-->
                        <!--                                <span class="curpoicol showFile" >bdm721861385_db_20210719_091948.sql.gz</span><i class="layui-icon layui-icon-file"></i>-->
                        <!--                            </div>-->
                        <!--                        </div>-->
                        <!--                    </div>-->


                        <div v-for="(item,key) in currentChatMsg">
                            <!--系统提示消息-->
                            <div v-if="item.type == 'system'" class="msg min time">{{item.msg}}</div>

                            <!--我发的文本消息-->
                            <div v-if="item.type == 'say'" class="msg " :class="[item.from_user_id?' guest ':' robot ']" >
                                <div :class="[item.from_role == currentUser.role?'msg-right':'msg-left']" :worker="item.from_user_nickname">
                                    <div class="msg-host">
                                        <img class="head_img2 mr10" src="/static/home/images/default_user.png" v-real-img="item.from_user_headimg" alt="默认头像"  @click.stop="showInfo(item.from_user_id)" >
                                    </div>
                                    <!--msg-ball img-->
                                    <div class="msg-ball " :title="item.datetime"  v-html="item.msg"></div>
                                    <div v-if="item.from_role == currentUser.role && item.is_reda==1" class="msg-res " style="color: #999" title="未读">未读</div>
                                    <div v-if="item.from_role == currentUser.role && item.is_reda==2" class="msg-res " style="color: #999" title="已读">已读</div>
                                </div>
                            </div>

                        </div>

                    </div>

                    <div class="pnl-list hide" id="unreadLine">
                        <div class="msg min time unread">未读消息</div>
                    </div>
                    <!-- <div class="pnl-mask hide" id="msg-mask"></div> -->
                </div>
                <div class="abs info-scroll pnl-info hide">
                    <span class="info-scroll info-icon kh"></span>
                    <span class="info-scroll info-num"></span>
                    <span class="info-scroll info-text">条未读消息</span>
                    <span class="info-close kh"></span>
                </div>
                <div class="abs bottom pnl-text">
                    <div class="abs bottom pnl-ext " id="pnlExt" v-show="showDom.emojiPnl">
                        <div class="emoji-pnl scroll " id="emojiPnl" @click="emojiPnlClick" >
                            <!--表情图标列表位置-->
                        </div>
                    </div>
                    <div class="abs bottom ques-pnl scroll" id="quesPnl"  v-show="showDom.quesPnl">
                        <!--                        <ul class="questions unselect" id="ques" @click="quesClick"><li class="q-item">你能回答什么问题？</li><li class="q-item">我该怎么问你问题？</li><li class="q-item">猜拳</li><li class="q-item">你认识刘德华吗？</li><li class="q-item">你会不会讲笑话？</li><li class="q-item">你最近还好吗</li><li class="q-item">你叫什么名字？</li><li class="q-item">你有多智能？</li><li class="q-item">我们聊点什么呢？</li><li class="q-item">现在是几点？</li></ul>-->
                    </div>
                    <div class="abs top pnl-warn" id="pnlWarn">
                        <div class="abs pnl-diy hide">
                            <div class="diy-tab diy-left">我想</div>
                            <div class="diy-tab diy-middle">
                                <!-- <span class="diy-btn" data-href="https://www.hao123.com" value="123-1" type="click">123-11</span>
                                <span class="diy-btn" data-href="https://www.baidu.com" value="123-2" type="link">123-22</span> -->
                            </div>
                            <div class="diy-tab diy-right hide">
                                <i class="kh diy-pre"></i>
                                <span class="diy-pre">换一批</span>
                            </div>
                        </div>
                        <div class="fl btns rel pnl-warn-free" style="margin-top: 4px;">
                            <i class="kh warn-btn emoji-btn" title="表情" id="emojiBtn" @click="emojiBtnClick"></i>
                            <i class="kh warn-btn menu-btn" title="菜单" id="menuBtn" v-show="inputMsg==''" @click="menuBtnClick"></i>
                            <i class="kh warn-btn send-btn" title="发送" id="sendBtn"  v-show="inputMsg!==''" @click="submitMessage"></i>
                            <i class="kh warn-btn mute-btn" title="静音" id="muteBtn"></i>
                        </div>
                        <div class="fl btns rel pnl-warn-left" id="pnlBtns">
                            <div class="pnl-warn-btns">
                                <!--<i class="kh warn-btn" title="常见问题" id="quesBtn" @click="quesBtnClick"></i>-->
                                <i class="kh warn-btn" title="图片上传" id="uploadBtn" @click="uploadClick('image/*')"></i>
                                <i class="kh warn-btn" title="文件上传" id="fileBtn"  @click="uploadClick()"></i>
                                <!--										<i class="kh warn-btn" title="视频" id="videoBtn">&#xe840;</i>-->
                                <!--										<i class="kh warn-btn" title="语音" id="voiceBtn">&#xe841;</i>-->
                                <!--										<i class="kh warn-btn" title="拍照上传" id="cameraBtn">&#xe827;</i>-->
                                <!--										<i class="kh warn-btn" title="截图提示" id="scrshot">&#xe819;</i>-->
                                <!--                                <i class="kh warn-btn" title="评价" id="evalBtn"></i>-->
                                <!--										<i class="kh warn-btn" title="我要留言" id="msgBtn">&#xe807;</i>-->
                                <i class="kh warn-btn" title="提示音" v-show="showDom.isPlay" @click="showDom.isPlay=false">&#xe801;</i>
                                <i class="kh warn-btn" title="提示音" v-show="!showDom.isPlay" @click="showDom.isPlay=true">&#xe804;</i>
                                <i class="kh warn-btn" title="转人工" id="humanBtn" data-time="0" data-click="2" @click="humanBtnClick"></i>
                            </div>
                            <div class="pnl-support-sm hide" id="copyrightSm"><a>V5KF提供服务支持</a></div>
                        </div>
                        <div class="fl right pnl-warn-right">
                            <span class="sess-status" id="sessStatus"><!-- 机器人小五 <small>为您服务</small> --></span>
                            <!-- <i class="kh" kh-warn>&#xe80b;</i> --><span id="val-left" class="hide">您还可以输入<span id="valleft">450</span>字</span>
                        </div>
                    </div>
                    <div class="abs cover pnl-input">
                        <textarea class="scroll" v-model="inputMsg" id="text" wrap="hard" placeholder="在此输入..." @focus="textFocus" @keydown="textKeydown"></textarea>
                        <div class="abs atcom-pnl scroll hide" id="atcomPnl">
                            <ul class="atcom" id="atcom">
                                <!-- <li class="atcom-item">这是一个问题？</li> -->
                            </ul>
                        </div>
                    </div>
                    <div class="abs br pnl-btn" id="submit" @click="submitMessage">发送</div>
                    <div class="abs cover input-mask hide" id="recon">
                        <div class="recon-tip" id="distype">
                            <span id="closeTip">因长时间未活动会话已关闭</span>，您可以<i id="refresh">&nbsp;刷新 </i>或<i id="startChat"> 继续对话 </i>
                        </div>
                    </div>
                    <div class="pnl-support hide" id="copyright"><a>V5KF提供服务支持</a></div>
                </div>

                <!-- 音视频控制 -->
                <div class="abs media-control hide" id="m-control">
                    <div class="call-title">XXX来电 - 语音通话</div>
                    <div class="call-ring"><i class="kh"></i></div>
                    <div class="call-accept"><i class="kh"></i></div>
                    <div class="call-reject"><i class="kh"></i></div>
                </div>
            </div>

            <!--右侧信息区域  删除 -->
            <div class="abs right pnl-right version1_0 "  :class="[showDom.showRightBox?'showUserList':'']">
                <!-- 轮播图 hide控制显隐 20em * 10em (260px * 130px) -->
                <!-- <ul class="slider">
                        <li class="slider-item slider-item1"></li>
                        <li class="slider-item slider-item2"></li>
                        <li class="slider-item slider-item3"></li>
                        <li class="slider-item slider-item4"></li>
                        <li class="slider-item slider-item5"></li>
                    </ul>
                    <ul class="indicator">
                        <li><div class="focus-item focus-item1"></div></li>
                        <li><div class="focus-item focus-item2"></div></li>
                        <li><div class="focus-item focus-item3"></div></li>
                        <li><div class="focus-item focus-item4"></div></li>
                        <li><div class="focus-item focus-item5"></div></li>
                    </ul> -->
                <div class="slider-container hide"></div>
                <div class="pnl-right-content">
                    <div class="pnl-tabs">
                        <div class="tab-btn" :class="[showDom.rightIndex==0?'active':'']" @click="showDom.rightIndex=0">常用语句</div>
                        <div class="tab-btn" :class="[showDom.rightIndex==1?'active':'']" @click="showDom.rightIndex=1">顾客资料</div>
                        <!--                        <div class="tab-btn"  :class="[showDom.rightIndex==2?'active':'']" @click="showDom.rightIndex=2">添加常用语</div>-->
                    </div>
                    <div class="pnl-box pnl-plg" v-show="showDom.rightIndex==0">
                        <ul class="rel-list unselect" id="hots">

                            <li class="rel-item" title="点击发送问题" v-if="commit_dis.length>0"  v-for="item in commit_dis" @click="inputMsg+=item.msg">{{item.msg}} </li>
                            <li v-if="commit_dis.length==0" class="notUserList"> 暂未添加常用语~ </li>
                        </ul>
                    </div>
                    <!--顾客基本资料-->
                    <div class="pnl-box pnl-hot guke-info"  v-show="showDom.rightIndex==1">
                        <div v-if="currentChatUser">
                            <!--基本信息-->
                            <div class="layui-card">
                                <div class="layui-card-header">
                                    <div class="flex-jcsb curpoi" @click="switchInfo('jiben')">
                                        <span>基本信息</span>
                                        <i class="layui-icon layui-icon-right" v-if="showDom.jiben==0" ></i>
                                        <i class="layui-icon layui-icon-down"  v-if="showDom.jiben==1"></i>
                                    </div>
                                </div>
                                <div class="layui-card-body"  v-show="showDom.jiben==1">
                                    <div>昵称：{{currentChatUser.nickname}}</div>
                                    <div class="flex-box">手机号：<input class="flex1" style="height: 30px" type="text" v-model="currentChatUser.mobile"></div>
                                    <div class="flex-jcsb mat10">
                                        <div></div>
                                        <button type="button" class="layui-btn layui-btn-sm" @click="upMobileClick()">确认修改</button>
                                    </div>
                                </div>
                            </div>
                            <!--附加信息-->
                            <div class="layui-card">
                                <div class="layui-card-header">
                                    <div class="flex-jcsb curpoi" @click="switchInfo('fujia')">
                                        <span>扩展信息</span>
                                        <i class="layui-icon layui-icon-right" v-if="showDom.fujia==0" ></i>
                                        <i class="layui-icon layui-icon-down"  v-if="showDom.fujia==1"></i>
                                    </div>
                                </div>
                                <div class="layui-card-body" v-show="showDom.fujia==1">
                                    <div v-for="(item,key) in currentChatUser.append.extend">{{key}}：{{item}}</div>
                                </div>
                            </div>
                            <!--来访信息-->
                            <div class="layui-card" v-if="currentChatUser.append && currentChatUser.append.login_info">
                                <div class="layui-card-header">
                                    <div class="flex-jcsb curpoi" @click="switchInfo('laifang')">
                                        <span>来访信息</span>
                                        <i class="layui-icon layui-icon-right" v-if="showDom.laifang==0" ></i>
                                        <i class="layui-icon layui-icon-down"  v-if="showDom.laifang==1"></i>
                                    </div>
                                </div>
                                <div class="layui-card-body" style="word-break: break-all;" v-show="showDom.laifang==1">
                                    <div>来源网址：<a :href="currentChatUser.append.login_info[0].source" target="_blank" style="color: #01AAED">{{currentChatUser.append.login_info[0].source}}</a></div>
                                    <div>
                                        <span>来源ip：</span>
                                        <span>{{currentChatUser.append.login_info[0].ip}}</span>
                                        <span>{{currentChatUser.append.login_info[0].ip_text}}</span>
                                    </div>
                                    <div>
                                        <span>来源设备：</span>
                                        <span>{{currentChatUser.append.login_info[0].header}}</span>
                                        <span>{{currentChatUser.append.login_info[0].os}}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div v-else class="notUserList">暂无信息可展示~</div>
                    </div>
                    <div class="pnl-box pnl-rel "  v-show="showDom.rightIndex==2">
                        <ul class="rel-list unselect" id="rels">
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 音视频 -->
    <div class="abs cover media-container hide" id="media">
        <video class="video_distance" data-video="distance" autoplay="" controls=""></video>
        <video class="video_local" data-video="local" autoplay="" muted="" controls=""></video>
        <div class="video-control">
            <div class="mute"><i class="kh"></i></div>
            <div class="hangup"><i class="kh"></i></div>
            <div class="video-off"><i class="kh"></i></div>
        </div>
        <div class="hide">
            <audio id="voiceMsg" autoplay=""></audio>
            <!--					<audio src="lib/files/audios/ringback_922725dde9.mp3" id="call_ring" loop="-1"></audio>-->
        </div>
    </div>

    <input type="file" id="fileObj" ref="clearFile" @change="getFile($event)" accept="" style="opacity: 0">

</div>

<!--您有新消息-->
<audio src="/static/home/mp3/newMessage2.wav" id='mp3'>
    您的浏览器不支持 audio 标签。
</audio>
<script type="text/javascript">
    function _getHrefSearch() {
        var search = window.location.search.substr(1).split('&'),
            ret = {}, it;
        for (var i = 0, len = search.length; i < len; i++) {
            it = search[i];
            ret[it.replace(/=[\w\W]*$/, '')] = it.replace(/^[\w\W]*?=/, '');
        }
        return ret;
    }



    function _getIeVersion() {
        var v = 3,
            p = document.createElement('p'),
            all = p.getElementsByTagName('i');
        while (p.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->', all[0]) {}
        return v > 4 ? v : 0;
    }

    var _hrefParam = _getHrefSearch(), ie = _getIeVersion(), phone = _hrefParam.dev == 'phone';
    window.parent && window.parent !== window && (!ie || ie > 8) && (document.body.className += ' ifr');
    // phone && (document.body.className += ' phone');

    var scale = _hrefParam.scale;

    scale && document.write('<meta name="viewport" content="width=device-width, initial-scale='+scale+', maximum-scale='+scale+', user-scalable=no">');


</script>

</body></html>